<!DOCTYPE html>
<html>
<head>
	<title>{% block title %}Blonde With White Butt - Positions{% endblock %}</title>
	<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
</head>
<body onload="initialize()">
<div id="map_canvas" style="width:500px; height:200px"></div>

{% block mainheading %}Positions{% endblock %}

{% block mainmenu %}
	<li><a href="/position/">All Positions</a></li>
{% endblock %}
{% block content %}
	<table>
	{% for position in object_list %}
		<tr>
			<td>{{ position.comment }}</td>
			<td><a href="/position/{{ position.pk }}/">edit</a> | <a href="/position/{{ position.pk }}/delete/">delete</a></td>
		</tr>
	{% empty %}
		<tr>
			<td colspan="2">No Positions!</td>
		</tr>
	{% endfor %}
	<table>

{% endblock %}
</body>

<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.5.1.min.js"></script>
<script type="text/javascript">
var ar = [];
{{arstring}}
var map;
var geocoder = null;
jQuery(window).load(function() {
    initialize();
});
function initialize() {
  var latlng = new google.maps.LatLng(54.6680700400592, 25.257037109375005);
    var myOptions = {
      zoom: 8,
      center: latlng,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    map = new google.maps.Map(document.getElementById("map_canvas"),
        myOptions);
        OnGoogleClicked(map);
}
jQuery(window).unload(function() {
    GUnload();
});

function OnGoogleClicked(map)
{

    if (ar) {
        for (i in ar) {
            var latlng = new google.maps.LatLng(ar[i][0], ar[i][1]);
            marker = new google.maps.Marker({
            position: latlng,
            map: map
            });
          
    }
    
  }
    
}

</script>

